<template>
    <div class="mod-home">
        <table-grid
            style="height: 100%;"
            tableTitle="产品列表"
            :button-list="buttonList"
            :tableColumn="mbTableColumn"
            :tableData="mbTableData"
        ></table-grid>
        <product ref="prodRef"></product>
    </div>
</template>

<script>

import product from '@/views/modules/manage/baseinfo/product/product.vue'
export default {
    components: {
      product
    },
  	data () {
    	return {
            buttonList: [
                {name: "新增",code: "add",type: "primary"}
            ],
            mbTableColumn: [
                {type: 'seq', width: 60},
                {field: 'type', title: '产品类型'},
                {field: 'prodCode', title: '产品代码'},
                {field: 'prodName', title: '产品名称'},
                {field: 'prodUnit', title: '计量单位'},
            ],
            mbTableData: [
                {
                    type: "包装类",
                    prodCode: "PROD01",
                    prodName: "测试商品1",
                    prodUnit: "KG",
                },
                {
                    type: "包装类",
                    prodCode: "PROD01",
                    prodName: "测试商品2",
                    prodUnit: "CM",
                }
            ],

		}
  	},
  	mounted () {

  	},
  	methods: {
        oprClick(){
            this.$refs.prodRef.init()
        }
    }
}
</script>

<style lang="scss" scoped>


</style>
